{{ define "default/header.html" }}


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{.title}} - WebStack管理系统</title>
    <!-- Bootstrap CSS -->
    <link href="/assets/admin/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="/assets/admin/font-awesome.min.css" rel="stylesheet">
    <!-- 自定义样式 -->
    <link href="/assets/css/admin.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
    <!-- jQuery -->
    <script src="/assets/admin/jquery.min.js"></script>
    <!-- 自定义JS -->
    <script src="/assets/js/admin.js"></script>
</head>
<body>
    <nav class="navbar navbar-dark fixed-top bg-dark">
        <button class="navbar-toggler d-md-none" type="button" id="sidebarToggle">
            <i class="fa fa-bars"></i>
        </button>
        <a class="navbar-brand" href="/admin/dashboard">WebStack管理系统</a>
        <ul class="navbar-nav ml-auto">
            <li class="nav-item">
                <a class="nav-link" href="/">
                    <i class="fa fa-home"></i> 主页
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/admin/logout">
                    <i class="fa fa-sign-out"></i> 退出登录
                </a>
            </li>
        </ul>
    </nav>

    <div class="container-fluid">
        <div class="row">
            <nav class="sidebar">
                <div class="sidebar-sticky">
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link {{if eq .title "管理后台"}}active{{end}}" href="/admin/dashboard">
                                <i class="fa fa-dashboard"></i>
                                仪表盘
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{if eq .title "网站管理"}}active{{end}}" href="/admin/websites">
                                <i class="fa fa-globe"></i>
                                网站管理
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{if eq .title "分类管理"}}active{{end}}" href="/admin/groups">
                                <i class="fa fa-list"></i>
                                分类管理
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{if eq .title "用户管理"}}active{{end}}" href="/admin/user">
                                <i class="fa fa-user"></i>
                                用户管理
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{if eq .title "系统设置"}}active{{end}}" href="/admin/settings">
                                <i class="fa fa-cog"></i>
                                系统设置
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>

            <main class="main-content">
{{end}}